<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <#assign basePath=request.contextPath>
    <#include "${basePath}/include.ftl" >
    <title>系统</title>
    <link rel="icon" href="${baseCommon}/image/code.png">
    <style type="text/css">
        .footer {
            color: black;
            line-height: 43px;
            height: 43px;
            width: 100%;
            background: #23262e;
            text-align: center;
            font-size: 12px;
            position: fixed;
        }
    </style>
</head>
<body>
<div id="bg"></div>
<!-- layout admin -->
<div class="layui-layout layui-layout-admin"> <!-- 添加skin-1类可手动修改主题为纯白，添加skin-2类可手动修改主题为蓝白 -->
    <!-- header -->
    <div class="layui-header my-header">
        <a>
            <img class="my-header-logo" src="${baseCommon}/image/code.png" alt="logo">
            <div class="my-header-logo">系统</div>
        </a>
        <div class="my-header-btn" style="margin-top: 15px;">
            <button class="layui-btn layui-btn-small btn-nav"><i class="layui-icon">&#xe65f;</i></button>
        </div>


        <!-- 顶部右侧添加选项卡监听 -->
        <ul class="layui-nav my-header-user-nav" lay-filter="side-top-right">
        <#--<li class="layui-nav-item"><a href="javascript:;" class="pay" href-url="">支持作者</a></li>-->
            <li class="layui-nav-item">
                <a class="name" href="javascript:;"><i class="layui-icon">&#xe629;</i>换肤</a>
                <dl class="layui-nav-child">
                    <dd data-skin="0"><a href="javascript:;">默认</a></dd>
                    <dd data-skin="1"><a href="javascript:;">纯白</a></dd>
                    <dd data-skin="2"><a href="javascript:;">蓝白</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a class="name" href="javascript:;"><img src="${baseCommon}/image/code.png"
                                                         style="padding: 10px;border-radius: 30px;" alt="logo">欢迎${user.userName}</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" onclick="changePass(${user.userId})"><i class="layui-icon layui-icon-password"></i>修改密码</a>
                    </dd>
                    <dd><a href="/logout" ><i class="layui-icon layui-icon-close-fill"></i>退出</a></dd>
                </dl>
            </li>
        </ul>

    </div>
    <!-- side -->
    <div class="layui-side my-side">
        <div class="layui-side-scroll">
            <!-- 左侧主菜单添加选项卡监听 -->
            <ul class="layui-nav layui-nav-tree" lay-filter="side-main">
                <#list menus as menu>
                <li class="layui-nav-item">
                <!-- 判断一级菜单是否存在子菜单 -->
                    <#if menu.children?? && menu.children?size gt 0>
                        <a href="javascript:;"><i class="layui-icon ${menu.icon}"></i>${menu.menuName}</a>
                        <dl class="layui-nav-child">
                            <#list menu.children as menuChild>
                            <dd class="layui-nav-item">
                                <!-- 判断二级菜单是否存在子菜单 --> <!-- 左侧列表样式 第三级菜单padding-left:20px -->
                                <#if menuChild.children?? && menuChild.children?size gt 0>
                                    <a href="javascript:;"><i class="layui-icon ${menuChild.icon}"></i>${menuChild.menuName}</a>
                                    <dl class="layui-nav-child">
                                        <#list menuChild.children as menuChildChild>
                                            <dd><a href="javascript:;" href-url="${menuChildChild.url}"><i class="layui-icon ${menuChildChild.icon}"></i>${menuChildChild.menuName}</a></dd>
                                        </#list>
                                    </dl>
                                <#else>
                                <dd><a href="javascript:;" href-url="${menuChild.url}"><i class="layui-icon ${menuChild.icon}"></i>${menuChild.menuName}</a></dd>
                                </#if>
                            </dd>
                            </#list>
                        </dl>
                    <#else>
                        <dd><a href="javascript:;" href-url="${menu.url}"><i class="layui-icon ${menu.icon}"></i>${menu.menuName}</a></dd>
                    </#if>
                </li>
                </#list>
            </ul>
        </div>
    </div>
    <!-- body -->
    <div class="layui-body my-body" style="bottom:0px;">
        <div class="layui-tab layui-tab-card my-tab" lay-filter="card" lay-allowClose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="1"><span><i class="layui-icon">&#xe638;</i>欢迎页</span></li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                 <#--   <iframe id="iframe" src="/jumpCon/index!main" frameborder="0"></iframe>-->
                    HELLO World!
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="layui-footer my-footer footer">
        xxxxxx有限公司&nbsp;&nbsp;&nbsp;&nbsp;客服电话：xxxx-xxxxx-x
    </div>
</div>


<!-- 右键菜单 -->
<div class="my-dblclick-box none">
    <table class="layui-tab dblclick-tab">
        <tr class="card-refresh">
            <td><i class="layui-icon">&#x1002;</i>刷新当前标签</td>
        </tr>
        <tr class="card-close">
            <td><i class="layui-icon">&#x1006;</i>关闭当前标签</td>
        </tr>
        <tr class="card-close-all">
            <td><i class="layui-icon">&#x1006;</i>关闭所有标签</td>
        </tr>
    </table>
</div>
<script type="text/javascript" src="${baseApp}/index/index.js">
</script>
</body>
</html>
